
/**
 * 2.0 - Typography
 */

h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: normal; margin: 1.5em 0 1em;
    &:first-child { margin-top: 0;}
}
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}
h4, h5, h6 { font-size: 14px; font-weight: bold; text-transform: uppercase;}

p { margin: 0 0 1em;}

dfn, cite, em, i { font-style: normal;}
em { color: $red;}
dfn, cite { text-decoration: underline;}

address { font-style: italic; margin: 0 0 28px;}

code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace;}
pre { border: 1px solid #d1d1d1; font-size: 16px; line-height: 1.3125;
    margin: 0 0 28px; max-width: 100%; overflow: auto; padding: 14px;
    white-space: pre; white-space: pre-wrap; word-wrap: break-word;
}
code { background-color: #d1d1d1; padding: 2px 4px;}
abbr[title] { border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins { background: #007acc; color: #fff; padding: 2px 4px; text-decoration: none;}

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sub { top: -6px;}
sup { bottom: -3px;}

small { font-size: 80%;}
big { font-size: 125%;}

blockquote { border-left: 4px solid #1a1a1a; color: #686868; font-size: 19px; line-height: 1.5;
    margin-bottom: 28px; padding: 0 0 0 24px;
    &:not(.alignleft):not(.alignright) { margin-left: -2em;}
    blockquote:not(.alignleft):not(.alignright) { margin-left: 0;}
    > :last-child { margin-bottom: 0;}
    cite, small { color: #1a1a1a; font-size: 16px; line-height: 1.75;}
    em, i, cite { font-style: normal;}

    &.alignleft, &.alignright { border: 0 solid #1a1a1a; border-top-width: 4px; padding: 18px 0 0;
        width: -webkit-calc(50% - 14px); width: calc(50% - 14px);
    }
}

/**
 * 3.0 - Elements
 */

hr { background-color: #d1d1d1; border: 0; height: 1px; margin-bottom: 2em;}

ul, ol { margin: 0 0 2em 1.5em; padding: 0;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul,
li > ol { margin-bottom: 0;}

li > ul,
blockquote > ul { margin-left: 20px;}

li > ol,
blockquote > ol { margin-left: 24px;}

dl { margin: 0 0 2em;}
dt { font-weight: bold;}
dd { margin: 0 0 2em;}

table, th, td,
.mce-item-table,
.mce-item-table th,
.mce-item-table td {
    border: 1px solid #d1d1d1;
}

table a { color: #007acc;}

table,
.mce-item-table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 28px; width: 100%;}

table th,
.mce-item-table th,
table caption { border-width: 0 1px 1px 0; font-size: 16px; font-weight: 700;
    padding: 7px; text-align: left; vertical-align: baseline;
}

table td,
.mce-item-table td { border-width: 0 1px 1px 0; font-size: 16px; padding: 7px; vertical-align: baseline;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;}
figure { margin: 0; }
del { opacity: 0.8; }

a { color: #007acc; text-decoration: none;
    img { display: block; }
}

fieldset { border: 1px solid #d1d1d1; margin: 0 0 28px; padding: 14px;}

/**
 * 4.0 - Alignment
 */

.alignleft { float: left; margin: 6px 28px 28px 0;}
.alignright { float: right; margin: 6px 0 28px 28px;}
.aligncenter { clear: both; display: block; margin: 0 auto 28px;}

/**
 * 5.0 - Caption
 */

.wp-caption { background: transparent; border: none;
    margin-bottom: 28px; max-width: 100%; padding: 0;
}

.wp-caption-text,
.wp-caption-dd { color: #686868; font-size: 13px; font-style: italic; padding-top: 7px;}

/**
 * 6.0 - Galleries
 */

.mce-content-body .wpview-wrap { margin-bottom: 28px;}

.gallery { margin: 0 -1.1666667%; padding: 0;
    .gallery-item { display: inline-block; width: 33.33333%;
        padding: 0 1.1400652% 2.2801304%;
        text-align: center; vertical-align: top;
    }
    .gallery-caption { font-size: 13px; margin: 0;}
}

@for $i from 6 through 9 {
  .gallery-columns-#{$i} .gallery-caption { @extend %hide;}
}

@for $i from 1 through 9 {
  .gallery-columns-#{$i} .gallery-item { width: 100% / $i;}
}

/**
 * 7.0 - Audio / Video
 */

.wp-audio-shortcode a,
.wp-playlist a { box-shadow: none;}

.mce-content-body {
    .wp-audio-playlist { margin: 0; padding-bottom: 0;}
    .wp-playlist-tracks { margin-top: 0;}
    .wp-playlist-item { padding: 10px 0;}
    .wp-playlist-item-length { top: 10px;}
}
